<link rel="import" href="../bower/polymer/polymer.html">
<link rel="import" href="../bower/paper-button/paper-button.html">

<polymer-element name='uproxy-ext-missing'>
  <template>
    <style>
      :host {
        text-align: center;
        font-size: 1em;
        color: rgb(112, 112, 112);
      }
      h1 {
        font-size: 1.4em;
        color: #12A391;  /* dark green */
      }
      .highlightedButton {
        background: #12A391;  /* dark green */
        color: white;
      }
    </style>

    <!-- TODO: Translate this. Currently not translated because translator.ts is only accessible from the extension. -->
    <h1>You're almost ready to use uProxy!</h1>
    Download and enable part 1 of uProxy to get started.
    <br><br>
    <paper-button class='highlightedButton' raised on-tap='{{ downloadExt }}'>NEXT</paper-button>

  </template>
  <script src='ext-missing.js'></script>
</polymer-element>
